import React from 'react'
import { useNavigate } from 'react-router-dom';
import { Toast, NavBar } from 'react-vant';
import style from './index.module.css'
const Index:React.FC = () => {
    const navigate = useNavigate()
  return (
    <div>
          <NavBar
                title="男科频道义诊"
                onClickLeft={() => navigate(-1)}
            />
            <img src="../src/assets/1000_02.jpg" alt="" style={{width:'100%'}}/>   
            <div className={style.box}>
                <div>
                    <img src="../src/assets/200_05.jpg" alt="" style={{width:'100px',height:'100px',borderRadius:'50%'}}/>
                </div>
                <div style={{marginLeft:'10px'}}>
                    <p><b>张山河</b>&nbsp; 副主任医师·男科</p>
                    <p>常德职业技术学院附属第一医院</p>
                    <p style={{color:'#ccc'}}>专注男性性功能的临床研究,男性功能司法鉴定专家,擅长各类性功能障碍(阳痿、早泄、性欲低下等)及...</p>
                    <p>回复 <span style={{color:'orange'}}>100%</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    咨询 <span style={{color:'orange'}}>234</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
                    好评 <span style={{color:'orange'}}>100%</span></p>
                    <div className={style.price}>
                        <span style={{color:"red"}}>￥0</span> &nbsp;&nbsp;&nbsp;
                        <span className={style.original}>￥39</span> 
                        <button className={style.btn}>立即咨询</button>
                    </div>
                    <p style={{color:"#e14b19",marginLeft:'110px'}}>名额被抢完，原价咨询</p>
                </div>
            </div>

              <div className={style.box}>
                <div>
                    <img src="../src/assets/200_08.jpg" alt="" style={{width:'100px',height:'100px',borderRadius:'50%'}}/>
                </div>
                <div style={{marginLeft:'10px'}}>
                    <p><b>张山河</b>&nbsp; 副主任医师·男科</p>
                    <p>常德职业技术学院附属第一医院</p>
                    <p style={{color:'#ccc'}}>专注男性性功能的临床研究,男性功能司法鉴定专家,擅长各类性功能障碍(阳痿、早泄、性欲低下等)及...</p>
                    <p>回复 <span style={{color:'orange'}}>100%</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    咨询 <span style={{color:'orange'}}>369</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
                    好评 <span style={{color:'orange'}}>100%</span></p>
                    <div className={style.price}>
                        <span style={{color:"red"}}>￥0</span> &nbsp;&nbsp;&nbsp;
                        <span className={style.original}>￥39</span> 
                        <button className={style.btn}>立即咨询</button>
                    </div>
                    <p style={{color:"#e14b19",marginLeft:'110px'}}>名额被抢完，原价咨询</p>
                </div>
            </div>
            <p style={{marginTop:'20px',textAlign:'center'}}>没有更多了~~</p>
    </div>
  )
}

export default Index
